<!DOCTYPE html>
<!--

Author: DuZhenxun <5552123@qq.com>
@ 
-->
<html>
    <head>
        <title>TODO supply a title</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">

        <link href="artDialog/dialog.css" rel="stylesheet" type="text/css"/>
        <script src="artDialog/dialog.js" type="text/javascript"></script>
    </head>
    <body>
        <div>TODO write content</div>
        <div onclick="f1()">aaaaa</div>
        <div onclick="f2()">bbbb</div>
    </body>

    <script>
        function f1() {
            var dialog = art.dialog({
                title: '欢迎',
                content: '欢迎使用artDialog对话框组件！',
                icon: 'succeed',
                follow: document.getElementById('btn2'),
                ok: function() {
                    this.title('警告').content('请注意artDialog两秒后将关闭！').lock().time(2);
                    return false;
                }
            });

        }


        function f2() {
            art.dialog({
                padding: 0,
                title: '照片',
                content: '<img src="./images/photo.jpg" width="379" height="500" />',
                lock: true
            });
        }
    </script>
</html>
